@import '../../assets/less/common.less';

.hm-page {
  box-sizing: border-box;
  min-height: 100vh;
  width: 100vw;
  
  &.index {
    .page-bar-wrap{
      background-color: #fff;
    }
    background-color: #DCDCDC;
    .swiper{
      padding-top: 32rpx;
      padding-bottom: 32rpx;
      height: 320rpx;
      background-color: #fff;
      margin: 0 0;
      box-sizing: border-box;
      .swiper-item {
        margin: 0 auto;
        // margin-top: 32rpx;
        display: flex;
        justify-content: center;
        // display: flex;
        align-items: center;
        // background-color: #fff;
        .swiper-img {
          // @img: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic83.nipic.com%2Ffile%2F20151116%2F22153950_092106795000_2.jpg&refer=http%3A%2F%2Fpic83.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1652519917&t=c972d38363ac19eb580ad401a9d63f74';
          // background-image: url("@{img}");
          // background-size: 100% 100%;
          border-radius: 10rpx;
          // margin: 32rpx auto;
          width: 686rpx;
          height: 256rpx;
        }
      }
    }

    .list-wrap {
      margin-top: 32rpx;
      padding-bottom: 60rpx;


      
      display: flex;
      padding-left: 32rpx;
      padding-right: 32rpx;
      flex-wrap: wrap;
      justify-content: space-between;
      // min-height: calc(100vh - 256rpx - 132rpx);

    }

  }
}